@charset "UTF-8";
/* 
 *主体样式
 */
 
/* 头部样式 */
.top {
    padding-top: 20px;
    padding-bottom: 10px;
}
.top > p {
	margin: 10px 0;
}
.top input {
	height: 30px;
	padding-left: 10px;
	width: 80px;
}
.top input[type="number"]::-webkit-outer-spin-button,
.top input[type="number"]::-webkit-inner-spin-button {
	height: 30px;
	width: 30px;
	cursor: pointer;
	margin-left: 10px;
}
.top button {
	height: 30px;
	margin-left: 10px;
	padding: 0 10px;
	cursor: pointer;
}
.top strong {
	color: #ff0000;
	padding: 0 5px;
}
/* 头部样式 end */

/* 图书列表样式 */
.book-list {
	margin-bottom: 10px;
	border: 1px solid var(--color-grey);
	height: 420px;
    overflow-x: hidden;
    overflow-y: scroll;
    position: relative;;
}
.book-list table {
	width: 100%;
	border-collapse: collapse;
	
}
.book-list thead  {
	border-bottom: 2px solid;
}
.book-list thead th  {
	padding: 10px;
	white-space: nowrap;
}
.book-list tbody tr {
	border-bottom: 1px solid var(--color-grey);
}
.book-list tbody td {
	padding: 10px;
}
.book-list tbody td:nth-child(3) {
	text-align: left;
}
.book-list tbody img {
	width: 50px;
} 
.book-list tbody button {
	height: 30px;
	padding: 0 10px;
	cursor: pointer;
	white-space: nowrap;
}
/* 图书列表样式 end */

/* 提示信息 */
.book-list .message {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	white-space: nowrap;
    font-size: 1.4rem;
    letter-spacing: 5px;
}
/* 提示信息 end */